@charset "utf-8";
/* CSS Document */

html {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

.ohnohoney{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

legend {text-align:left;font-weight: bold;}

.center {
	margin: 3%;
	width: 80%;
	padding: 2%;
	border:ridge;
	border-color: #FF0000;
	align:center;
}

#sticky {
	position: -webkit-sticky;
	position: sticky;
	padding:0vw;
	top:0;
	background-color: #E4EBF9;
	font-size: normal;
	border: groove;
	border-color: red;}
#notsticky {padding:0vw;
	background-color: #E4EBF9; 
	font-size: normal;
	border: groove;
	border-color: red;}
.myTitle {
	text-align: center;
	color: #14196D;
	font-weight: bold;
	font-variant: small-caps;
}
.myTitle2 {
	text-align: center;
	color: #14196D;
	background-color: inherit;
	font-weight: bold;
}
.myTitle2s {
	text-align: left;
	color: #14196D;
	background-color: inherit;
	font-weight: bold;
}
.myEmphasis {
	text-align: center;
	border-left:none;
	border-right:none;
	padding:4px 0 4px 0;}

.hilite {
	width: 95%;
	text-align: center;
	text-size:1.15rem;
	color: black;
	font-weight: bold;
	background-color: #F4F0E3;
	border-top-color: darkred;
	border-top-style:groove;
	border-top-width: 3%;
	border-bottom-color: darkblue;
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-top-left-radius: 10%;
	border-bottom-left-radius: 10%;
	border-top-right-radius: 10%;
	border-bottom-right-radius: 10%;
	padding: 01%;}

blockquote {
	margin-left: 4%;
	margin-right: 4%;
	font-size: inherit}
.blue {color: blue;}

.small {
    font-size: 85%;
}
.medium {
	font-size: 95%;
	text-align: inherit;
}
th {
	font-weight: 600;
	font-size: 1.1rem;
	vertical-align: bottom;
	text-align: left;
	color: inherit;
	text-transform: capitalize;
	font-variant: small-caps;
}
p, pre,tbody, td, tr, input, ol, ul {
	color: inherit;
	line-height: normal;
    line
}
li {
    font-style: normal;
    font-weight: normal;
    color: inherit;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
}
h1,h3 {color:black;}
h2,h4 {color:darkblue;}
h1 {font-weight: bolder;
	text-decoration: none;
	text-transform: capitalize;
	font-variant: small-caps;
	text-align: center;
	background-color: inherit;
	line-height: normal}
h2 {font-weight: 700;
	text-decoration:inherit;
	text-align: center;
	text-transform: none;
	font-variant: inherit;
	line-height: normal;}
h3 {text-align: left;}
h4 {text-align: left;
	font-weight: inherit;
	color: darkslateblue;}
h5 {font-weight: 600;
	text-align:inherit;
	line-height: normal;}
h6 {
	font-weight: 600;
	font-size: 0.95rem;
}
.blush {
	font-weight: bolder;
	color: red;
}
.responsive {
  width: 100%;
  height: auto;}
textarea {
	font-weight: inherit;
	border-color:red;
	border-bottom: inset;
	border-left: inset;
	border-right: outset;
	border-top: outset;
	padding:1%;}

.comment-container {width:85%;
	border-color:blueviolet;
	border-width: thick;
	border:groove;
	padding:0.5%;}

.commentA {width:100%;}

textarea::placeholder {
	color: black;
	font-size:115%;
	font-weight: bold;
	text-align: left;}
	
input, select {color: black;
	font-weight: normal;
	background-color: white;
	border-bottom: thin outset red;
	border-left-color: red;
	border-left-width: thin;
	border-right-color: red;
	border-right-width: thin;
	border-top-color: red;
	border-top-width: thin;
	padding: .5%;}

input[type=checkbox] {
 	zoom: 1.1;
	
 	-ms-transform: scale(1);
 	-ms-transform-origin: 5 5;
 	-webkit-transform: scale(1);
 	-webkit-transform-origin: 5 5;
 	-o-transform: scale(1.3);
 	-o-transform-origin: 5 5;
 	-moz-transform: scale(1.3);
 	-moz-transform-origin: 5 5;
 	transform-origin: 5 5;
 	transform: scale(1.3);} 

input::placeholder select::placeholder {
	color: black;
	font-weight: normal;
	text-align: left;}

input[type=submit] {
	color:red;
	font-weight: bold;
	background: whitesmoke;
	border:groove;
	cursor:pointer;
	border-radius: 15%;} 

optgroup {
	color: black;
	font-weight: 500;}

a, a:visited {
	text-decoration-line:underline; 
	font-size: inherit;
	color:black;}
a:hover {
	color: red;
	font-weight: bold;
	text-decoration-line: underline;
	text-align: center;
}

@media screen and (max-width : 799px ){
body {	width: 100vw; 
	line-height: normal;
	color: #000000;
	font-weight: normal;
	overflow: visible;
	font-size: 10pt;
	margin:0 auto;
	padding: 1pt}
#wrapper {
	width:98vw;
	background-color: #F0F8FF;
	padding: 1vmax;
	font-weight: normal;}

.myTitle {font-size: 3vmax;}
.myTitle2 {font-size: 2.8vmax;}
.myEmphasis {font-size: 2.8vmax;}
.hilite {font-size: 3vmax;}
blockquote {font-size: inherit;}
btable {padding-left: 1%;}
	
h1 {font-size: 2.7vmax;}
h2 {font-size: 2.5vmax;}
h3 {font-size: 2.4vmax;}
h4 {font-size: 2.3vmax;}
h5 {font-size: 2.1vmax;}
tr, td, th {
    font-size: 2vmax;
    line-height: normal;
}
p, pre, input, select, ol, ul {
	font-size: 2vmax;
	line-height: normal;}
input, select {font-size: 1.8vmax;}
input::placeholder, select::placeholder {font-size: 1.8vmax;}
}

@media screen and (min-width : 800px ){

body {margin:0 20%; 
	background-color: white;
	border: groove;
	font-weight: normal;
	overflow: visible;
	font-size: 12pt;}
#wrapper {
	background-color: aliceblue;
	padding: 4px;
	text-align: left;
	font-weight: normal;
}
.myTitle {font-size: 150%}
.myTitle2 {font-size: 125%;}
.myTitle2s {
	font-size: 115%;
}
.myEmphasis {
	font-size: 1.8rem;
	font-weight: bold;
}	
.hilite {
	font-size: 1.35rem;
}
blockquote {font-size: inherit;}

h1 {font-size: 1.5rem;}
h2 {font-size: 1.25rem;}
h3 {font-size: 1.2rem;}
h4 {
	font-size: 1.15rem;
	text-align: center;}
h5 {
	font-size: 1.15rem;
}
tr, td {
    font-size: 1rem;
    line-height: normal;
    font-weight: normal;
    text-align: left;
}
p, pre, input, select, ol, ul {
	font-size: 1rem;
	line-height: normal;
	font-weight: normal;}
}